import React from 'react';

class HistoryFight extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'HistoryFight';
        this.state = {
            // 比赛详情的 历史交锋
            datas: props.data
                // {
                //     date: "2016年9月17日",
                //     club1: {
                //         name: "东北大圣",
                //         score: 10
                //     },
                //     club2: {
                //         name: "沈阳第一",
                //         score: 9
                //     }
                // },
        }
    }

    componentWillReceiveProps(nextProps) {
        this.setState({
            datas: nextProps.data
        }) ;
    }

    render() {
        let historyList = this.state.datas.map(function( data, index){
            var { date, club1,club2 } = data;
            return (
                <tr key={index}>
                    <td>{date}</td>
                    <td>{club1.name}</td>
                    <td>{club1.score}-{club2.score}</td>
                    <td>{club2.name}</td>
                </tr>
            )

        }.bind(this))

        return (
            <tbody>
                {historyList}
            </tbody>
        );
    }
}

export default HistoryFight;
